<template>
    <div>
        <div class="contentBox">
            <h3>{{info[0].title}}</h3>
            <p>{{info[0].description}}</p>
            <p>{{info[0].articalContent}}</p>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            info:'123'
        }
    },
    mounted:function(){
        this.$axios.get("/api/getMyArtical",{
              params:{
                  info:this.$route.query.keyWord,
                  username:sessionStorage.getItem("username")
              }
          }).then(res=>{
              if(res.data==''){
                  alert("没有找到你想要的内容")
                  this.$router.push("/myBlog/searchArtical")
              }
              else{
                this.info=res.data
                console.log(res.data)
              }
            //console.log(res.data)
              
          })
    }
}
</script>
<style scoped>
.contentBox{
    width:600px;
    margin:0 auto;
    margin-bottom: 25px;
    background-color: black;
    color:white;
    border:1px solid aqua
    
}
.contentBox p{
    font-size:20px;
}
</style>